<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="http://lion.ufile.ucloud.com.cn/event_share/4PQAzbalvtm6Ot4Y.ico" />
		<link rel="stylesheet" href="static/css/zui.min.css" />
		<link rel="stylesheet" href="static/css/datetimepicker.min.css" />
		<link rel="stylesheet" href="static/css/chosen.min.css" />
		<title>JAVA - LION - CMS 简易后台</title>
	</head>

	<body>
		<!-- header -->
		<div class="col-md-12" style="height:80px; background:#2b4053; color: #ffffff; border:0px solid red;margin-bottom:10px;">
			<div class="col-md-9" style="font-size:20px; font-weight:bold; padding-top: 20px;">JAVA - LION - CMS 简易后台</div>
			<div class="pull-right">
				<p>欢迎任辉哈哈哈</p>
				<a class="btn-danger" href="">退出登录 <i class="icon icon-forward"></i></a>
			</div>
		</div>
		<div class="col-md-12">
			<!-- nav -->
			<section>
				<div class="col-md-2" style="border:0px red solid ">
					<article>
						<div class="example" contenteditable="false">
							<nav class="menu" data-toggle="menu">
								<ul class="nav nav-primary">
									<li>
										<a href="javascript:;"><i class="icon-th"></i> Lion 简易后台</a>
									</li>
									<li class="active show nav-parent">
										<a href="javascript:;" th:inline="text"><i class="icon-plus"></i>广告系统</a>
											<ul class="nav">
												<li class="active">
													<a href="begin_to_show_window_list.html"><i class="icon-circle-blank"></i><span>开播弹窗</span></a>
												</li>
												<li class="">
													<a href="begin_to_show_ad_list.html"><i class="icon-circle-blank"></i><span>开播广告</span></a>
												</li>
											</ul>
									</li>
								</ul>
							</nav>
						</div>
					</article>
				</div>
			</section>
			<section>
				<div class="col-md-10">
					<ol class="breadcrumb">
						<li>
							<a>广告系统</a>
						</li>
						<li class="active">
							<a>开播弹窗</a>
						</li>
					</ol>
					<hr>
					<!-- 编辑内容 -->
					<form class="form-horizontal">
						<div class="form-group">
							<label class="col-xs-1">
								<p class="text-left">广告标题</p>	
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" />
							</div>
						</div>

						<div class="form-group">
							<label class="col-xs-1">
								<p class="text-left">开始时间</p>	
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control form-datetime" readonly="readonly" />
							</div>

							<label class="col-xs-1">
								<p class="text-center">结束时间</p>	
							</label>
							<div class="col-xs-2">
								<input type="text" class="form-control form-datetime" readonly="readonly" />
							</div>
						</div>

						<div class="form-group activity-type">
							<label class="col-xs-1">
								<p class="text-left">客户端</p>	
							</label>
							<div class="checkbox-inline col-xs-1">
								<label>
									<input type="checkbox" name="client" value="1"/>IOS主播端
								</label>
							</div>
							<div class="checkbox-inline col-xs-1">
								<label>
									<input type="checkbox" name="client" value="2"/>IOS客户端
								</label>
							</div>
							<div class="checkbox-inline col-xs-1">
								<label>
									<input type="checkbox" name="client" value="3"/>安卓主播端
								</label>
							</div>
							<div class="checkbox-inline col-xs-1">
								<label>
									<input type="checkbox" name="client" value="4"/>安卓客户端
								</label>
							</div>
						</div>

						<div class="form-group ad-type">
							<label class="col-xs-1">
								<p class="text-left">广告类型</p>	
							</label>
							<div class="radio-inline col-xs-1 ">
								<label>
									<input type="radio" name="type" value="1"/>全局
								</label>
							</div>
							<div class="radio-inline col-xs-1 ">
								<label>
									<input type="radio" name="type" value="2"/>游戏
								</label>
							</div>
							<div class="radio-inline col-xs-1 ">
								<label>
									<input type="radio" name="type" value="3"/>用户
								</label>
							</div>
						</div>

						<div class="form-group game">
							<label class="col-xs-1">
								<p class="text-left">相关游戏</p>
							</label>
							<div class="col-xs-6">
								<textarea type="text" class="form-control" rows="5"></textarea>
							</div>
							<div class="col-xs-1">
								<label>
									<button type="button" id="games" class="btn btn-primary btn-block">选择</button>
								</label>
							</div>
						</div>

						<div class="form-group user">
							<label class="col-xs-1">
								<p class="text-left">相关主播</p>
							</label>
							<div class="col-xs-6">
								<textarea type="text" class="form-control" rows="5"></textarea>
							</div>
							<div class="col-xs-1">
								<label>
									<p class="text-left" style="color: red;">主播uid，英文逗号隔开</p>
								</label>
							</div>
						</div>

						<div class="form-group ">
							<label class="col-xs-1">
								<p class="text-left">弹窗图</p>
							</label>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded">
							</div>
						</div>

						<div class="form-group ">
							<label class="col-xs-1">
								<p class="text-left">跳转地址</p>
							</label>
							<div class="col-xs-6">
								<input type="text" class="form-control" placeholder="支持http、shihou内部跳转链接类型"/>
							</div>
						</div>

						<div class="form-group ">
							<label class="col-xs-1">
								<p class="text-left">状态</p>	
							</label>
							<div class="radio-inline col-xs-1">
								<label>
									<input type="radio" name="status" value="1"/>开启
								</label>
							</div>
							<div class="radio-inline col-xs-1">
								<label>
									<input type="radio" name="status" value="2"/>关闭
								</label>
							</div>
						</div>

						<div class="form-group">
							<label class="col-xs-1">
								<p class="text-left"></p>
							</label>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">添加</button>
							</div>
						</div>

					</form>
				</div>
			</section>
		</div>
	</body>
	<script type="text/javascript" src="static/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="static/js/zui.min.js"></script>
	<script type="text/javascript" src="static/js/datetimepicker.min.js"></script>
	<script type="text/javascript" src="static/js/begin_to_show_window.js"></script>
	<script type="text/javascript" src="static/js/chosen.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
	<script type="text/javascript" src="static/js/modal-chose-table.js"></script>

</html>